<template>
  <el-container>
    <el-aside width="200px">
      <CommonAside />
    </el-aside>
    <el-container>
      <el-header>
        <ComponentsHeader />
      </el-header>
      <el-main>
        <el-form
          :inline="true"
          size="mini">
          <el-form-item label="汽车品牌">
            <el-input label="请输入汽车品牌"></el-input>
          </el-form-item>
          <el-form-item label="汽车型号">
            <el-input label="请输入汽车型号"></el-input>
          </el-form-item>
          <el-form-item label="VAN">
            <el-input label="请输入VSN"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              type="primary"
              icon="el-icon-search"
              >搜索</el-button
            >
            <el-button icon="el-icon-refresh">重置</el-button>
          </el-form-item>
        </el-form>
        <el-row class="but">
          <el-button
            type="primary"
            plain
            size="mini"
            icon="el-icon-plus"
            >新增</el-button
          >
          <el-button
            type="success"
            plain
            size="mini"
            icon="el-icon-edit"
            >修改</el-button
          >
          <el-button
            type="danger"
            plain
            size="mini"
            icon="el-icon-delete"
            >删除</el-button
          >
          <el-button
            type="warning"
            plain
            size="mini"
            icon="el-icon-download"
            >导出</el-button
          >
        </el-row>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import CommonAside from "@/components/CommonAside.vue";
import ComponentsHeader from "@/components/ComponentsHeader";
export default {
  name: "carTechnology",
  components: {
    CommonAside,
    ComponentsHeader,
  },
};
</script>

<style>
.but {
  float: left;
}
</style>
